.box {
  width: 6.4rem;
  height: 11.36rem;
  background: url(../images/56.png) no-repeat;
  background-size: 100% 100%;
}

.box .top {
  width: 6.4rem;
  height: 2rem;
}

.box .zjian {
  width: 6.4rem;
  height: 4.14rem;
}

.box .bottom {
  width: 6.4rem;
  height: 5.19rem;
}

.box .top p {
  font-size: 0.33rem;
  padding-top: 1.03rem;
  padding-left: .4rem;
  box-sizing: border-box;
}

.box .zjian p {
  text-align: center;
}

.box .bottom a, .box .bottom a img {
  display: inline-block;
  width: 3.77rem;
  height: 0.77rem;
}

.box .bottom a {
  margin-left: .58rem;
  margin-top: .2rem;
  font-size: 0.27rem;
  line-height: .5rem;
  padding-left: .15rem;
  box-sizing: border-box;
}

.box .bottom a:nth-child(1) {
  margin-top: .67rem;
  background: url(../images/22_17.png) no-repeat;
  background-size: 100% 100%;
}

.box .bottom a:nth-child(2) {
  background: url(../images/22_17.png) no-repeat;
  background-size: 100% 100%;
}

.box .bottom a:nth-child(3) {
  background: url(../images/22_17.png) no-repeat;
  background-size: 100% 100%;
}

.box .bottom a:nth-child(4) {
  background: url(../images/22_17.png) no-repeat;
  background-size: 100% 100%;
}

.box .bottom span img {
  width: 1.34rem;
  height: 1.34rem;
  display: inline-block;
  float: right;
  margin-right: .6rem;
}

.box .bottom a:nth-child(2) {
  background: url(../images/22_14.png) no-repeat;
  background-size: 100% 100%;
}

.box .zjian p img {
  width: 2.88rem;
  height: 3.76rem;
}
